@extends('site.layouts.default')
{{-- Web site Title --}}
@section('title')
Actividades
@parent
@stop

@section('styles')

<link rel="stylesheet" href="{{{ asset('template/css/calendar.css') }}}">

@stop
{{-- Content --}}
@section('content')
    <div class="inside-body-content-container clearfix">
     <!-- Main Blog Items -->
        <div class="container-fluid horizontal-section-container clearfix">
            <div class="row">
                <!-- =========== Section 2 =========== -->
                <div class="pull-right form-inline">
                    <div class="btn-group">
                        <button class="btn btn-primary" data-calendar-nav="prev"><< Ant</button>
                        <button class="btn" data-calendar-nav="today">Hoy</button>
                        <button class="btn btn-primary" data-calendar-nav="next">Sig >></button>
                    </div>
                    <div class="btn-group">
                        <button class="btn btn-warning" data-calendar-view="year">Años</button>
                        <button class="btn btn-warning active" data-calendar-view="month">Mes</button>
                        <button class="btn btn-warning" data-calendar-view="week">Semana</button>
                        <button class="btn btn-warning" data-calendar-view="day">Día</button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div id="calendar"></div>
                <div class="modal hide fade" id="events-modal">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3>Event</h3>
                    </div>
                    <div class="modal-body" style="height: 400px">
                    </div>
                    <div class="modal-footer">
                        <a href="#" data-dismiss="modal" class="btn">Close</a>
                    </div>
                </div>
            </div>
		</div><!-- .section-content -->
    </div>

@stop

@section('scripts')

    <script type="text/javascript" src="{{{ asset('template/js/underscore-min.js') }}}"></script>
    <script type="text/javascript" src="{{{ asset('template/js/calendar.js') }}}"></script>
    <script type="text/javascript" src="{{{ asset('template/js/es-ES.js') }}}"></script>
    <script type="text/javascript" src="{{{ asset('template/js/app.js') }}}"></script>


@stop